<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>客户资料</title>
    <link href="style/bootstrap.css" rel="stylesheet">
    <link href="style/bootstrap-responsive.css" rel="stylesheet">
	<style type="text/css">
		body{
			padding-top:70px;
		}
		.clear{
			clear:both;
		}

		.wall{
			padding: 15px;
			border:1px solid #DDDDDD;
			border-top:0px;
		}
		.container{
			width:940px;
		}
	
		table{
			font-size: 13px;
		}
		input{
			height: 30px;
		}
	</style>
  </head>
  
  <body>
    
    	
    	
    	<!--确认删除 modal -->
        <div class="modal fade doc_modal" id="delModal">
		  <div class="modal-header">
			<a class="close" data-dismiss="modal">×</a>
			<h3>系统提示</h3>
			</div>
			<div class="modal-body">
				<p>确认删除？</p>
			</div>
		    <div class="modal-footer">
				<a href="#" class="btn btn-primary">确认</a>
				<a href="#" class="btn" data-dismiss="modal">取消</a>
			</div>
	    </div>
    
    
    
    
    
    	<!--上传资料 modal -->
        <div class="modal fade doc_modal" id="myModal">
		  <div class="modal-header">
			<a class="close" data-dismiss="modal">×</a>
			<h3>上传资料</h3>
			</div>
			<div class="modal-body">
			 	<form class="form-horizontal">
			        <fieldset>
			          <div class="control-group">
			            <label for="input01" class="control-label">文件名称</label>
			            <div class="controls">
			              <input type="text" x-webkit-speech="undefined" id="input01" class="span3">
			            </div>
			          </div>
					  <div class="control-group">
			            <label for="input01" class="control-label">选择文件</label>
			            <div class="controls">
			              <input type="file" x-webkit-speech="undefined" id="input01" class="span4">
			            </div>
			          </div>
			        </fieldset>
		      </form>
			</div>
		    <div class="modal-footer">
				<a href="#" class="btn btn-primary">确认</a>
				<a href="#" class="btn" data-dismiss="modal">取消</a>
			</div>
	    </div>
    
    
    <div class="container">
		<!--top-->
		 <%@ include file="top.jsp" %>
	    <!--content-->

	    <div class="container-fluid">
		    <div class="row-fluid">
			    <div class="span2">
			    	<!--Sidebar content-->
			    	<%@ include file="left.jsp" %>
			    </div>
			    <div class="span9">
			    	<!--Body content-->
			    	<a style="float:right" class="btn btn-primary upload_file" href="javascript:void(0)"><i class="icon-white  icon-share"></i>上传资料</a>
			    	<div class="clear"></div>
			    	
		        	<ul style="margin-bottom:0px;border-radius: 3px 3px 0 0;margin-top:15px" class="breadcrumb">
						<li class="active">
							<a href="file.jsp"><i class="icon-th"></i>文件共享</a> > <a href="task.jsp">客户资料</a>
						</li>
						<li style="float:right"><a class="link-black sure_del" href="#" title="删除该文件夹"><i class="icon-trash"></i></a></li>
					</ul>
					
					<div class="wall">
						<table class="table table-striped">
							<thead>
								<tr>
									<th width="40px"></th>
									<th width="40%">名称</th>
									<th width="20%">大小</th>
									<th>创建人</th>
									<th></th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>
										<img src="img/icons/doc.png">
									</td>
									<td><a href="#">数据库设计资料.doc</a></td>
									<td>5.5MB</td>
									<td>樊凯</td>
									<td><a href="javascript:void(0)" class="sure_del"><i class="icon-trash"></i></a></td>
								</tr>
								<tr>
									<td>
										<img src="img/icons/xls.png">
									</td>
									<td><a href="#">客户报表实例.xls</a></td>
									<td>3456MB</td>
									<td>樊凯</td>
									<td><a href=""><i class="icon-trash"></i></a></td>
								</tr>
								<tr>
									<td>
										<img src="img/icons/filetype_pdf.png">
									</td>
									<td><a href="#">广告语文档.pdf</a></td>
									<td>5.5MB</td>
									<td>樊凯</td>
									<td><a href="" ><i class="icon-trash"></i></a></td>
								</tr>
							</tbody>
						</table>
						
						<a href="file.html">←返回</a>
					</div>
					

			      </div>
			    
			    </div>
		    </div>
	    </div>
	        	
    
    
    
    
    
    
    
    
    
    <script src="script/jquery-1.7.1.min.js"></script>
    <script src="script/bootstrap-dropdown.js"></script>
    <script src="script/bootstrap-modal.js"></script>
    <script type="text/javascript">
    
    	/*上传资料*/
    	$(document).ready(function(){
    		$(".upload_file").click(function(){
    			$('#myModal').modal('show');
    		});
    		
    	});
    	
    	
    	
    	/*确认删除modal*/
    	$(document).ready(function(){
    		$(".sure_del").click(function(){
    			$('#delModal').modal('show');
    		});
    		
    	});
    </script>
  </body>
</html>
